<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div class="container-breadcrumb">
    <div class="row ">
        <div class="col-sm-12">
            <ol class="breadcrumb">
                <li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
                <li class="active"><s:message text="用户资料"/></li>
            </ol>
        </div>
    </div>
    <!--/.row-->
</div>

<div id="container-content" class="container-content">
    <div class="panel panel-default report-container">
        <div class="panel-heading">
            <div class="col-md-2">新建用户</div>
        </div>

        <form action="${pageContext.request.contextPath}/users/save" name="user" class="form-horizontal"
              method="post"  id="myForm">
            <div class="form-group">
                <br>
                <br>
                <label for="username" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-5">
                    <input id="username" name="adminName" class="form-control" placeholder="必填且唯一">
                </div>
            </div>
            <div class="form-group">
                <label for="nick" class="col-sm-2 control-label">昵称</label>
                <div class="col-sm-5">
                    <input id="nick" name="adminNick" class="form-control" >
                </div>
            </div>

            <div class="form-group ">
                <label class="col-sm-2 control-label" for="roleGroup" >权限组</label>
                <div class="col-sm-5">
                <select id="roleGroup"  name="groups"  class="form-control ">
                    <option value="2" label="管理员"/>
                    <option value="7" label="三方"/>
                </select>
                </div>
            </div>

            <div class="form-group" >
                <label for="password" class="col-sm-2 control-label">设定密码</label>
                <div class="col-sm-5">
                    <input id="password" name="adminPassword" class="form-control" placeholder="不得少于6位">
                </div>
            </div>

            <div class="form-group">
                <label for="phone" class="col-sm-2 control-label">手机</label>
                <div class="col-sm-5">
                    <input id="phone" name="telPhone"  class="form-control" placeholder="必填">
                </div>
            </div>

            <div class="form-group">
                <label for="email" class="col-sm-2 control-label">邮箱</label>
                <div class="col-sm-5">
                    <input id="email" name="adminEmail"  class="form-control" >
                </div>
            </div>

            <div class="form-group">
                <label for="qqNumber" class="col-sm-2 control-label">QQ</label>
                <div class="col-sm-5">
                    <input id="qqNumber" nname="qqNumber"  class="form-control" >
                </div>
            </div>

            <div class="form-group">
                <label for="relName" class="col-sm-2 control-label">真实姓名</label>
                <div class="col-sm-5">
                    <input id="relName" name="relName"  class="form-control" >
                </div>
            </div>


            <div class="form-group">
                <label for="city" class="col-sm-2 control-label">所属城市</label>
                <div class="col-sm-5">
                    <input id="city" name="city"  class="form-control" >
                </div>
            </div>

            <div class="form-group">
                <label for="status" class="col-sm-2 control-label" >状态</label>
                <div class="col-sm-5">
                <select id="status" name="status" class="form-control">
                    <option value="1" label="启用" />
                    <option value="0" label="禁用"/>
                </select>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button id="save" type="button" class="btn btn-default">保存</button>
                </div>
            </div>

        </form>
    </div>
</div>
<script>

    $(document).ready(function(){
        var success="${success}"
        if(success!=""){
            alert(success)
        }


        $("#save").click(function(){
            var userName=$("#username").val();
            var password=$("#password").val();
            var phone=$("#phone").val();
            if (userName==""){
                alert("请填写用户名!")
                return;
            }
           if (password==""){
               alert("请填写密码!")
               return;
           }
            if(password.length<6){
                alert("密码长度不得小于6位")
                return;
            }
            if(phone==""){
                alert("请填写手机号")
                return;
            }
            var url="${pageContext.request.contextPath}/users/usernameUnique?userName="+userName;
            $.getJSON(url, function (data) {//data返回的数据
                if (!data.success){
                    alert("改用户名已被注册过，请更换")
                }else {
                    $("#myForm").submit()
                }
            })




        })







    })


</script>

<%--<script type="text/javascript">--%>


<%--$(function () {--%>
<%--if ($("#adminName").val() == "") {--%>
<%--$('.btn').addClass('disabled');--%>
<%--}--%>
<%--});--%>


<%--function validateCode() {--%>
<%--$('#checkCodeStatus').html('<img src="<c:url value="/resources/img/ajax-loader.gif" />');--%>
<%--$('#checkCodeStatus').show();--%>
<%--var adminName = $("#adminName").val();--%>
<%--var id = $("#id").val();--%>
<%--checkCode(adminName, id, '<c:url value="/users/checkUserCode" />');--%>
<%--}--%>

<%--function callBackCheckCode(msg, code) {--%>

<%--if (code == 0) {--%>
<%--$('.btn').removeClass('disabled');--%>
<%--}--%>
<%--if (code == 9999) {--%>

<%--$('#checkCodeStatus').html('<font color="green"><s:message code="message.code.available" text="This code is available"/></font>');--%>
<%--$('#checkCodeStatus').show();--%>
<%--$('.btn').removeClass('disabled');--%>
<%--}--%>
<%--if (code == 9998) {--%>

<%--$('#checkCodeStatus').html('<font color="red"><s:message code="message.code.exist" text="This code already exist"/></font>');--%>
<%--$('#checkCodeStatus').show();--%>
<%--$('.btn').addClass('disabled');--%>
<%--}--%>

<%--}--%>
<%--</script>--%>


<%--<div class="container-breadcrumb">--%>
<%--<div class="row ">--%>
<%--<div class="col-sm-12">--%>
<%--<ol class="breadcrumb">--%>
<%--<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>--%>
<%--<li class="active"><s:message code="menu.profile" text="User Info"/></li>--%>
<%--</ol>--%>
<%--</div>--%>
<%--</div><!--/.row-->--%>
<%--</div>--%>

<%--<div id="container-content" class="container-content">--%>
<%--<div class="panel panel-default">--%>
<%--<div class="panel-heading">--%>
<%--<c:choose>--%>
<%--<c:when test="${user.id!=null && user.id>0}">--%>
<%--<s:message code="label.user.edituser" text="Edit user"/> <c:out value="${user.adminName}"/>--%>
<%--</c:when>--%>
<%--<c:otherwise>--%>
<%--<s:message code="label.user.createuser" text="Create user"/>--%>
<%--</c:otherwise>--%>
<%--</c:choose>--%>
<%--</div>--%>

<%--<c:url var="userCreateUser" value=""/>--%>
<%--<form:form method="POST" commandName="user" action="/users/createUser" cssClass="form-horizontal">--%>
<%--<div class="panel-body">--%>
<%--<form:errors path="*" cssClass="alert alert-error" element="div"/>--%>
<%--<div id="store.success" class="alert alert-success" style="--%>
<%--<c:choose>--%>
<%--<c:when test="${success!=null}">display:block;</c:when>--%>
<%--<c:otherwise>display:none;</c:otherwise></c:choose>"><s:message code="message.success"--%>
<%--text="Request successfull"/></div>--%>
<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label">用户名</label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:input cssClass="form-control highlight" path="adminName" onblur="validateCode()"/>--%>
<%--<span class="help-inline"><div id="checkCodeStatus" style="display:none;"></div><form:errors--%>
<%--path="adminName" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<div class="form-group" style="display: none">--%>
<%--<label class="col-sm-2 control-label"><s:message code="label.store.title"--%>
<%--text="Store"/> </label>--%>

<%--&lt;%&ndash;<div class="col-sm-6">&ndash;%&gt;--%>
<%--&lt;%&ndash;<form:select cssClass="" items="${stores}" itemValue="id" itemLabel="code"&ndash;%&gt;--%>
<%--&lt;%&ndash;path="merchantStore.id"/>&ndash;%&gt;--%>
<%--&lt;%&ndash;<span class="help-inline"><form:errors path="merchantStore" cssClass="error"/></span>&ndash;%&gt;--%>
<%--&lt;%&ndash;</div>&ndash;%&gt;--%>
<%--</div>--%>

<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label"><s:message code="label.user.email" text="Email"/></label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:input cssClass="form-control highlight" path="adminEmail"/>--%>
<%--<span class="help-inline"><form:errors path="adminEmail" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<c:if test="${user.id==null || user.id==0}">--%>
<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label"><s:message code="label.user.password"--%>
<%--text="Password"/></label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:password cssClass="form-control highlight" path="adminPassword"/>--%>
<%--<span class="help-inline"><form:errors path="adminPassword" cssClass="error"/></span>--%>
<%--</div>--%>

<%--</div>--%>
<%--</c:if>--%>


<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label"><s:message code="label.user.firstName"--%>
<%--text="First name"/> </label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:input cssClass="form-control" path="firstName"/>--%>
<%--<span class="help-inline"><form:errors path="firstName" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label"><s:message code="label.user.lastName"--%>
<%--text="Last name"/> </label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:input cssClass="form-control" path="lastName"/>--%>
<%--<span class="help-inline"><form:errors path="lastName" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<sec:authorize access="hasRole('ADMIN') and fullyAuthenticated">--%>
<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label"><s:message code="label.groups.title"--%>
<%--text="Groups"/></label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:checkboxes cssClass="highlight" items="${groups}" itemValue="id"--%>
<%--itemLabel="groupName" path="groups" delimiter="<br/>"/>--%>
<%--<span class="help-inline"><form:errors path="groups" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>
<%--</sec:authorize>--%>


<%--<sec:authorize access="hasRole('ADMIN') and fullyAuthenticated">--%>
<%--<div class="form-group">--%>
<%--<label class="col-sm-2 control-label"><strong></strong><s:message code="label.entity.active"--%>
<%--text="Active"/></strong>--%>
<%--</label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:checkbox path="active"/>--%>
<%--</div>--%>
<%--</div>--%>
<%--</sec:authorize>--%>

<%--<div class="form-group" style="display: none">--%>
<%--<label class="col-sm-2 control-label"><s:message code="security.question1"--%>
<%--text="Question 1"/> </label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:select cssClass="" items="${questions}" itemValue="label" itemLabel="label"--%>
<%--path="question1"/>--%>
<%--<form:input cssClass="form-control" path="answer1"/>--%>
<%--<span class="help-inline"><form:errors path="answer1" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<div class="form-group" style="display: none">--%>
<%--<label class="col-sm-2 control-label"><s:message code="security.question1"--%>
<%--text="Question 2"/> </label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:select cssClass="" items="${questions}" itemValue="label" itemLabel="label"--%>
<%--path="question2"/>--%>
<%--<form:input cssClass="form-control" path="answer2"/>--%>
<%--<span class="help-inline"><form:errors path="answer2" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<div class="form-group" style="display: none">--%>
<%--<label class="col-sm-2 control-label"><s:message code="security.question3"--%>
<%--text="Question 3"/> </label>--%>

<%--<div class="col-sm-6">--%>
<%--<form:select cssClass="" items="${questions}" itemValue="label" itemLabel="label"--%>
<%--path="question3"/>--%>
<%--<form:input cssClass="form-control" path="answer3"/>--%>
<%--<span class="help-inline"><form:errors path="answer3" cssClass="error"/></span>--%>
<%--</div>--%>
<%--</div>--%>

<%--<form:hidden path="id"/>--%>
<%--<c:if test="${user.id!=null && user.id>0}">--%>
<%--<form:hidden path="adminPassword"/>--%>
<%--</c:if>--%>
<%--</div>--%>
<%--<div class="panel-footer">--%>
<%--<button type="submit" class="btn btn-success"><s:message code="button.label.submit"--%>
<%--text="Submit"/></button>--%>
<%--</div>--%>
<%--</form:form>--%>
<%--</div>--%>
<%--</div>--%>

